<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #box {
            width: 1200px;
            height: 500px;
            background-color: rgb(255, 255, 255);
            margin: 0 auto;
            /* position: relative; */
            overflow: hidden;
        }
        #box>div{
            width: 200px;
            margin:0px auto 100px;
            position: relative;
        }
        #box>div::after{
            content: "";
            width: 0px;
            height: 0px;
            /* background-color: rgb(156, 156, 156); */
            border-color: rgb(206, 206, 206);
            border-style: solid;
            border-width: 20px 5px 86px 5px;
            position: absolute;
            top: 21px;
            left: -19px;
            /* display: none; */
        }
        #box>div::before{
            content: "";
            width: 0px;
            height: 0px;
            /* border-color:#759ee9  #759ee9 #759ee9 #759ee9;
            border-width: 20px 7px 0px 15px;
            border-style: solid; */
            border: 10px solid #759ee9;
            border-radius: 50%;
            position: absolute;
            top: 2px;
            left: -25px;
        }
        #box>div:last-child::after{
            display: none;
        }
    </style>
</head>

<body>
    <div id="box">
        <div>配送完成 2018/02/02 18:10</div>
        <div>开始配送 2018/02/02 18:10</div>
        <div>接受订单 2018/02/02 18:10</div>
        <div>提交订单 2018/02/02 18:10</div>
    </div>
</body>

</html>